<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
        <title>OpenKG Query Endpoint</title>
        <link rel="stylesheet" type="text/css" href="view.css" media="all" />
		<!--<script type="text/javascript" src="view.js"></script> -->
         <script type="text/javascript" src="index.js"></script>
       
    </head>
    <body id="main_body" onload="handleQueryExample()">
        <div id="form_container">

            <h1><a>OpenKG Query Endpoint</a></h1>
            <form id="myForm" method="post" action="PHPAPIExample.php">
                <div class="form_description">
                    <h2>OpenKG Query Endpoint</h2>
                    <p></p>
                </div>

                <ul >
                    <li id="li_1" >
                        <label class="description" for="element_1">Database Name </label>
                        <div>
                        <input id="element_1" name="databasename" class="element text medium" type="text" maxlength="255" value="breast cancer 0" readonly>
                        </input>
                        </div> 

                    </li>

                    <li id="li_2" >
                        <label class="description" for="element_2">Query Examples</label>
                        <div>
                            <select id="example" class="element select medium" onchange="handleQueryExample()">
                                <option value="q1" selected="selected">q1</option>
                                <option value="q2">q2</option>
                                <option value="q3">q3</option>
                                <!--<option value="q4">q4</option>-->
                                <!--<option value="q5">q5</option>-->
                                <!--<option value="q6">q6</option>-->
								<!--<option value="q7">q7</option>-->
                                <!--<option value="q8">q8</option>-->
                                <!--<option value="q9">q9</option>-->
                                <!--<option value="q10">q10</option>-->
                            </select>
                        </div>
                    </li>

                    <li id="li_3" >
                    
                        <label class="description" for="element_3">Query Text </label>
                        <div>
                            <textarea id="element_3" name="query_file" class="element textarea large"></textarea> 
                        </div>  
                    </li>
                    
                    <li id="li_5" >
                        <label class="description" for="element_5">Results Format </label>
                        <div>
                            <select class="element select medium" id="element_5" name="format"> 
                            <option value="1" selected="ture">HTML</option>
                            <option value="2" >Text</option>
                            <option value="3" >CSV</option>
							<option value="4" >JSON</option>
                            </select>
                        </div> 
                    </li>
                </ul>
                <input type="hidden" name="queryAns1" id="queryAns" value="defaultAns" />
				<a id="hideLink" style="display: none">link</a>
                <button id="query_button" type="button" class="btn btn-default" onclick="query(query_file.value)">Run Query</button>
            </form> 
            <div id="footer">
            </div>
        </div>
       <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  <!--<script src="index.js"></script>-->
    </body>
</html>

